<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
		xmlns:h="http://java.sun.com/jsf/html"
 		xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
</h:head>
<body>
	Book Manager 
	<br/>
	
	<h:form>
    	   <h:inputText id = "bookName" value="#{bookmanager.bookName}"> </h:inputText>
    	   <h:commandButton value="Add" actionListener="#{bookmanager.addBook}">
    		 <f:ajax execute="bookName"  render="output" />
    	   </h:commandButton>
 
    	   <br/>
    	   <h:dataTable  id="output" value="#{bookmanager.books}" var="book">
	    	   	<h:column>
	    	   	<f:facet name="header">Title</f:facet>
	    	   		#{book.bookName}
	    	   	</h:column>
    	   </h:dataTable>
    </h:form>
</body>
</html>